<template>
  <el-form :model="cpkAndUnitInfo" :inline="true" size="small" label-width="280px">
    <el-form-item label="UNIT#:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK#:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Type:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitType }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Type:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkType }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Dept:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitDeptNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Dept:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkDeptNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT VSK#:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitVskNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Vsk#:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkVskNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Status:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitStatus }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Status:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkStatus }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Qty:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitQty }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Qty:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkQty }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Size:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitSize }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Size:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkSize }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Spec:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitSpec }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Spec:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkSpec }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Desc1:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitDesc1 }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Desc1:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkDesc1 }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Retail:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitRetail }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Retail:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkRetail }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Cost:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitCost }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Cost:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkCost }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT SendTraits:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitSendTraits }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK SendTraits:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkSendTraits }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT OmitTraits:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitOmitTraits }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK OmitTraits:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkOmitTraits }}</span>
      </div>
    </el-form-item>
    <el-form-item label="UNIT Expdt:">
      <el-date-picker v-model="cpkAndUnitInfo.unitExpdt" type="date" :disabled="true" format="MM/dd/yyyy" style="width: 200px;" class="filter-item" />
    </el-form-item>
    <el-form-item label="CPK Expdt:">
      <el-date-picker v-model="cpkAndUnitInfo.cpkExpdt" type="date" :disabled="true" format="MM/dd/yyyy" style="width: 200px;" class="filter-item" />
    </el-form-item>
    <el-form-item label="UNIT Vder#:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.unitVendorNbr }}</span>
      </div>
    </el-form-item>
    <el-form-item label="CPK Vder#:">
      <div style="width: 200px;">
        <span class="filter-item">{{ cpkAndUnitInfo.cpkVendorNbr }}</span>
      </div>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      cpkAndUnitInfo: {}
    }
  },
  methods: {}
}
</script>
